background-color: $selected_bg_color;
background-image: linear-gradient(to bottom, $selected_bg_color 2px,
lighten($selected_bg_color,6%));
- $_shadow: if($variant=='light', transparentize(black,0.75),
- transparentize(black,0.9));
- box-shadow: 1px 0 $_shadow, -1px 0 $_shadow;
+ box-shadow: none; //needed for clipping
&.left {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
- box-shadow: 1px 0 $_shadow;
}
&.right {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
- box-shadow: -1px 0 $_shadow;
}
&.left.right {
box-shadow: none;
&.vertical {
background-image: linear-gradient(to right, $selected_bg_color 2px,
lighten($selected_bg_color,7%));
- box-shadow: 0 1px $_shadow;
&.bottom {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
}
-// box-shadow: inset 1px 1px transparentize($borders_edge,0.8);
&:backdrop {
border-color: if($variant=='light', $selected_bg_color,
$selected_borders_color);
border-color: #0f2b48;
background-color: #215d9c;
background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5);
- box-shadow: 1px 0 rgba(0, 0, 0, 0.1), -1px 0 rgba(0, 0, 0, 0.1); }
+ box-shadow: none; }
.progressbar.left {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- box-shadow: 1px 0 rgba(0, 0, 0, 0.1); }
+ border-bottom-left-radius: 3px; }
.progressbar.right {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- box-shadow: -1px 0 rgba(0, 0, 0, 0.1); }
+ border-bottom-right-radius: 3px; }
.progressbar.left.right {
box-shadow: none; }
.progressbar.vertical {
- background-image: linear-gradient(to right, #215d9c 2px, #276fba);
- box-shadow: 0 1px rgba(0, 0, 0, 0.1); }
+ background-image: linear-gradient(to right, #215d9c 2px, #276fba); }
.progressbar.vertical.bottom {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-color: #184472;
background-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de);
- box-shadow: 1px 0 rgba(0, 0, 0, 0.25), -1px 0 rgba(0, 0, 0, 0.25); }
+ box-shadow: none; }
.progressbar.left {
border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- box-shadow: 1px 0 rgba(0, 0, 0, 0.25); }
+ border-bottom-left-radius: 3px; }
.progressbar.right {
border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- box-shadow: -1px 0 rgba(0, 0, 0, 0.25); }
+ border-bottom-right-radius: 3px; }
.progressbar.left.right {
box-shadow: none; }
.progressbar.vertical {
- background-image: linear-gradient(to right, #4a90d9 2px, #68a2df);
- box-shadow: 0 1px rgba(0, 0, 0, 0.25); }
+ background-image: linear-gradient(to right, #4a90d9 2px, #68a2df); }
.progressbar.vertical.bottom {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;